<!DOCTYPE html>
<html>
<head>
	<title>睛挑细选</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/swiper.min.css">
    <script type="text/javascript" src="__PUBLIC__/js/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/wap.css?time={$time}">
    <style type="text/css">
   *{padding-top: 0px;margin:0px;}
   li{}
    </style>
</head>
<body>
<div class="header bg" style="">
<br>
	<span style=""><img src="__PUBLIC__/img/logo.png" style="" class="center_wap" ></span>
	<span class="center_wap wap_word_big">睛挑细选</span>
	<span class="center_wap wap_word_gray">Jing Tiao Xi Xuan</span>
    <img src="__PUBLIC__/img/qq.png" class="qq">
    <img src="__PUBLIC__/img/weibo.png" class="weibo">
</div>
<div class="nav-new" style="height:auto;overflow:hidden">
<ul class='nav_wap container' style="text-align:center">
		<volist name='title' id='v'>
		<li><a href="{:U('Wap/category',array('id'=>$v['id']))}">{$v['name']}</a></li>
		</volist>
	</ul>
</div>
<div class="swiper-container swiper-container2" style="">
    <div class="swiper-wrapper" >
    <div class="swiper-slide"><img src="__PUBLIC__/img/sy/1.jpg" style="border:1px solid #acacac;height:300px"></div>
    <div class="swiper-slide"><img src="__PUBLIC__/img/sy/2.jpg" style="border:1px solid #acacac;height:300px"></div>
    <div class="swiper-slide"><img src="__PUBLIC__/img/sy/3.jpg" style="border:1px solid #acacac;height:300px"></div>
    <div class="swiper-slide"><img src="__PUBLIC__/img/sy/4.jpg" style="border:1px solid #acacac;height:300px"></div>
    <div class="swiper-slide"><img src="__PUBLIC__/img/sy/5.jpg" style="border:1px solid #acacac;height:300px"></div>

    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination swiper-pagination2"></div>
</div>
<div class="title2 bg"></div>
	<div class="">
       <div class="title-name" style="">
           <div style="width:10px;height:10px;background-color:rgb(237,60,66);position:absolute;top:50px"></div>
           <strong style="display:inline"><div style='font-size: 41px; color: rgb(237, 60, 66); font-family: "Times New Roman";margin-left:12px;display:inline;position:absolute;top:8px' >{$logo['first']}</div></strong>
             <div style="display:inline;float:right;height:59px;position:absolute;top:18px;margin-left:40px">
              <span style="font-size: 20px; line-height: 26px;"><b>{$logo['name']}</b></span>
             <br>
             <span style="font-family:'Times New Roman';color: rgb(186, 186, 186);position:absolute;top:20px">{$logo['detail']}</span>
             </div>
       </div>
       <div class="more" style="">
         <a href="">+More</a>
       </div>
	 </div>
<div class="container" style="text-align:center">
<volist name='list' id='v'>
<a href="{:U('Wap/category',array('id'=>$v['id']))}"><span class="nav_wap2">{$v['name']}<b class="nav_wap2_b">/</b></span></a>
</volist>
	
</div>
</body>
<script>
    var swiper = new Swiper('.swiper-container2', {
        pagination: '.swiper-pagination2',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30
    });
    </script>
</html>